<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>探索HTML的奥秘 - 我的学习笔记</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="这是一个关于HTML元数据、文本、图片、表格、表单及HTML5语义化标签应用的详细教程与示例页面。">
    <meta name="keywords" content="HTML, 元数据, 教程, 前端开发, Web开发, 语义化标签">
    <meta name="author" content="何鹏">
</head>
<body>
    <header>
        <h1>HTML学习笔记</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#metadata">元数据</a></li>
            <li><a href="#text">文本</a></li>
            <li><a href="#images">图片</a></li>
            <li><a href="#tables">表格</a></li>